<template>
  <div class="home">
    <h1>{{ msg }}</h1>
    <h2>这是h2标签</h2>
    <hello-world :list="list" />
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";

export default {
  data() {
    return {
      msg: "hello world",
      list: [
        {
          title: "A",
          children: [
            {
              title: "A-A",
              children: [
                {
                  title: "A-A-A",
                },
              ],
            },
            {
              title: "A-B",
            },
          ],
        },
        {
          title: "B",
        },
        {
          title: "C",
        },
        {
          title: "D",
        },
      ],
    };
  },
  name: "Home",
  components: {
    HelloWorld,
  },
  mounted() {
    console.log(this._vnode);
  },
};
</script>
